@import './common/button.less';
@import './common/dialog.less';
@import './common/empty.less';
@import './common/layout.less';
@import './common/page.less';
@import './common/scrollbar.less';
@import './common/searchBar.less';
@import './common/table.less';
@import './common/tag.less';
@import './common/text.less';
@import './index.less';

// 清除浮动
.clearfix {
  &::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}

.t-input {
  border-color: #d4d6d9;
}

.t-form {
  .t-button {
    padding: 0 26px;

    &.t-button--variant-outline {
      color: #333;
      border-color: #a0aec0;
    }
  }
}

//placeholder
@placeholderColor: #c6ced9;
@placeholderFontSize: 12px;

input[type='text']::placeholder {
  color: @placeholderColor;
  font-size: @placeholderFontSize;
}

.svg-icon {
  width: 16px;
  height: 16px;
  color: #333;
  fill: currentcolor;
}

.common-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.common-flex-col-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-direction: column;
}

.common-flex-align-center {
  display: flex;
  align-items: center;
  gap: 16px;
}

.common-flex-col-align-center {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-direction: column;
}

.common-flex-justify-center {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.common-flex-col-justify-center {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-direction: column;
}

.common-message-view {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 10px;
  box-sizing: border-box;

  .icon-wrap {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;

    .icon {
      width: 24px;
      height: 24px;
    }
  }

  .text-wrap {
    font-size: 14px;
    color: #666;
    line-height: 20px;

    .content {
      font-weight: bold;
    }
  }
}

// 提示框样式
.t-message {
  min-width: 358px;
  height: 40px;
  box-sizing: border-box;
  color: rgb(0 0 0 / 85%);

  svg {
    width: 16px;
    height: 16px;
  }

  &.t-is-success {
    background: #effaf4;

    svg {
      color: #13c2c2 !important;
    }
  }

  &.t-is-error {
    background: #fceef0;

    svg {
      color: #ee7478 !important;
    }
  }

  &.t-is-warning {
    background: #fff9e5;

    svg {
      color: #ffc700 !important;
    }
  }

  &.t-is-loading {
    background: #ecf7ff;

    .t-loading__gradient-conic {
      background: conic-gradient(from 90deg at 50% 50%, rgb(198 159 102 / 0%) 0deg, #1ec0a9 360deg) !important;
    }
  }
}

.omit {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.omit-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示的文本行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */
}

.omit-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制显示的文本行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */
}
